//生产管理系统/数据趋势分析
import React, { Component } from 'react';
import { connect } from 'dva';
import { DatePicker, Tabs,} from 'antd';
import style from './EnvironmentalHistory.less';
import EnvReal from './sub/EnvReal';
import EnvHistory from './sub/EnvHistory';

//tab切换套件
const TabPane = Tabs.TabPane;

function callback(key) {
    console.log(key);
}

//日期选择器套件
const { MonthPicker, RangePicker, WeekPicker } = DatePicker;





class EnvironmentalHistory extends Component {
    state = {

    };


    render() {
        return (



            <div>
                <Tabs defaultActiveKey="1" 
                    tabBarStyle={{ margin: 0, border: 0, overflow: 0 }}

                >
                    <TabPane tab="实时数据" key="1">
                            <EnvReal
                             history ={this.props.history}
                            />
                    </TabPane>
                    <TabPane tab="历史数据" key="2" >
                            <EnvHistory/>
                    </TabPane>
                  
                </Tabs>

            </div>

        )
    }
}

export default connect()(EnvironmentalHistory)